<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" href="css/login.css" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <title>註冊登錄</title>
</head>

<body class="minipage">
    <div class="wrap">
        <div class="login">
            <div class="login-head bg-color-pirmary">
                <div class="sharecon ">
                    <img src="./img/share.png " height="50px ">
                    <!-- <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FFull2house%2F&amp;width=50&amp;layout=box_count&amp;action=like&amp;size=large&amp;show_faces=false&amp;share=false&amp;height=65&amp;appId=382298112140973 " width="50 " height="65 " style="border:none;overflow:hidden " scrolling="no " frameborder="0 " allowtransparency="true "></iframe> -->
                </div>
                <div class="logo-con">
                    <div class="logobg">
                        <div class="logoimg"><img src="./img/logo.png " height="50px "></div>
                    </div>
                    <div class="cont">
                        <div class="name">O2O客戶服務平台（EC2）</div>
                        <div class="txt-scroll-con">
                            <div style="margin-top:3px"><svg t="1635683956882" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="3563" width="16" height="16" fill="#fff">
                                    <path
                                        d="M227.556 312.889v-28.445h-85.334c-47.457 0-85.333 38.326-85.333 85.603v283.906c0 47.583 38.205 85.603 85.333 85.603h85.334V312.889z m56.888 415.289L512 910.222V113.778L284.444 295.822v432.356z m-56.888-45.511v56.889l254.317 211.93c47.86 39.885 87.016 21.699 87.016-40.984V113.498c0-62.718-38.958-81.033-87.016-40.985L227.556 284.444v56.89h-56.89c-31.637 0-56.888 25.234-56.888 56.364v228.604c0 30.71 25.47 56.365 56.889 56.365h56.889z m455.113-384.419l241.359-241.36 40.226 40.227-241.359 241.36-40.226-40.227z m0 424.645l241.359 241.36 40.226-40.227-241.359-241.36-40.226 40.227z m-0.002-267.782H967.11V512H682.667v-56.889z"
                                        p-id="3564"></path>
                                </svg></div>
                            <div class="text-scroll">
                                <div class="scroll-wrap">
                                    <!-- <ul>
                                        <li>aaaaa</li>
                                        <li>aaaaa</li>
                                    </ul> -->
                                </div>
                                
                            </div>
                            
                        </div>
                    </div>
                </div>


            </div>
            <div class="login-body">
                <div class="lang">
                    <select name="" id="">
                        <option value="">中文(简体)</option>
                        <option value="">中文(繁體)</option>
                        <option value="">English</option>
                        <option value="">Indonesia(印尼文)</option>
                        <option value="">Ploish(波兰文)</option>
                    </select>
                </div>
                <ul class="tabnav">
                    <li class="active"><a href="javascript:;"><span>登錄<span>
                                    <hr class="bdt-color" /></a></li>
                    <li><a href="javascript:;"><span>註冊</span>
                            <hr /></a></li>
                </ul>
                <div class="pane" data-index="0">
                    <form>
                        <div class="item">

                            <svg class="svg-email" t="1635673095563" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3432" width="20" height="20" fill="#8dbe4a">
                                <path
                                    d="M153.236734 163.111422l714.763665 0c48.810633 0 88.718697 38.475467 89.332667 85.853503l-446.458679 242.518237L64.313381 249.169581C64.722694 201.689218 104.323773 163.111422 153.236734 163.111422L153.236734 163.111422zM64.313381 341.981413l-0.409313 429.062856c0 47.787349 40.215049 86.876786 89.332667 86.876786l714.763665 0c49.117618 0 89.332667-39.089437 89.332667-86.876786L957.333067 341.776756 521.311882 573.038873c-6.651344 3.581493-14.735285 3.581493-21.386629 0L64.313381 341.981413 64.313381 341.981413zM64.313381 341.981413"
                                    p-id="3433"></path>
                            </svg>
                            <input class="input-inner" type="text" autocomplete="off" placeholder="請輸入電郵"
                                name="email">
                        </div>
                        <div class="item">
                            <svg class="svg-password" t="1624870695409" class="icon-svg color-pirmary"
                                viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1185"
                                width="20" height="20" fill="#8dbe4a">
                                <path
                                    d="M849.87448889 436.26951111H174.12551111c-38.44778667 0-69.90506667 31.45728-69.90506666 69.90506667v419.4304c0 38.44778667 31.45728 69.90506667 69.90506666 69.90506667h675.74897778c38.44778667 0 69.90506667-31.45728 69.90506666-69.90506667V506.17457778c0-38.44778667-31.45728-69.90506667-69.90506666-69.90506667z m-337.87448889 479.43224889c-54.75896889 0-99.03217778-44.27320889-99.03217778-99.03217778 0-41.36049778 25.04931555-76.89557333 61.16693333-91.45912889v-150.29589333c0-20.97152 16.89372445-37.86524445 37.86524445-37.86524445s37.86524445 16.89372445 37.86524445 37.86524445v150.29589333c36.11761778 15.14609778 61.16693333 50.09863111 61.16693333 91.45912889 0 54.75896889-44.27320889 99.03217778-99.03217778 99.03217778z"
                                    p-id="1186"></path>
                                <path
                                    d="M776.47416889 439.76476445h-75.73048889V292.38158222c0-104.27505778-84.46862222-188.74368-188.74368-188.74368S323.25632 188.68906667 323.25632 292.38158222v147.38318223h-75.73048889V292.38158222C247.52583111 146.74602667 366.36444445 28.48995555 512 28.48995555s264.47416889 118.83861333 264.47416889 264.4741689v146.80064z"
                                    p-id="1187"></path>
                            </svg>

                            <input class="input-inner" type="password" autocomplete="off"
                                placeholder="請輸入密碼" name="password">
                        </div>
                        <div class="link txt_align_r">
                            <a class="color-pirmary" href="javascript:;">忘記密碼?</a>
                        </div>
                        <div class="btncon">
                            <input type="submit" class="bg-color-pirmary" value="立即登入">
                        </div>
                    </form>
                </div>
                <div class="pane" data-index="1" style="display: none;">
                    <form>
                        <div class="item">

                            <svg class="svg-user" t="1624945983564" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="1575" width="20" height="20" fill="#8dbe4a">
                                <path
                                    d="M518.4512 275.968m-235.008 0a235.008 235.008 0 1 0 470.016 0 235.008 235.008 0 1 0-470.016 0Z"
                                    p-id="1576"></path>
                                <path
                                    d="M59.904 972.8c-15.0528-41.472-16.2816-79.9744-16.2816-124.6208 0-133.8368 109.4656-243.3024 243.3024-243.3024h462.9504C883.8144 604.7744 993.28 714.3424 993.28 848.1792c0 45.4656-1.2288 83.1488-11.6736 124.6208"
                                    p-id="1577"></path>
                            </svg>

                            <input class="input-inner" type="text" autocomplete="off" placeholder="請輸入用戶名"
                                name="username">
                        </div>
                        <div class="item">

                            <svg class="svg-email" t="1635673095563" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3432" width="20" height="20" fill="#8dbe4a">
                                <path
                                    d="M153.236734 163.111422l714.763665 0c48.810633 0 88.718697 38.475467 89.332667 85.853503l-446.458679 242.518237L64.313381 249.169581C64.722694 201.689218 104.323773 163.111422 153.236734 163.111422L153.236734 163.111422zM64.313381 341.981413l-0.409313 429.062856c0 47.787349 40.215049 86.876786 89.332667 86.876786l714.763665 0c49.117618 0 89.332667-39.089437 89.332667-86.876786L957.333067 341.776756 521.311882 573.038873c-6.651344 3.581493-14.735285 3.581493-21.386629 0L64.313381 341.981413 64.313381 341.981413zM64.313381 341.981413"
                                    p-id="3433"></path>
                            </svg>
                            <input class="input-inner" type="text" autocomplete="off" placeholder="請輸入電郵"
                                name="email">
                        </div>
                        <div class="item">
                            <svg class="svg-password" t="1624870695409" class="icon-svg color-pirmary"
                                viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1185"
                                width="20" height="20" fill="#8dbe4a">
                                <path
                                    d="M849.87448889 436.26951111H174.12551111c-38.44778667 0-69.90506667 31.45728-69.90506666 69.90506667v419.4304c0 38.44778667 31.45728 69.90506667 69.90506666 69.90506667h675.74897778c38.44778667 0 69.90506667-31.45728 69.90506666-69.90506667V506.17457778c0-38.44778667-31.45728-69.90506667-69.90506666-69.90506667z m-337.87448889 479.43224889c-54.75896889 0-99.03217778-44.27320889-99.03217778-99.03217778 0-41.36049778 25.04931555-76.89557333 61.16693333-91.45912889v-150.29589333c0-20.97152 16.89372445-37.86524445 37.86524445-37.86524445s37.86524445 16.89372445 37.86524445 37.86524445v150.29589333c36.11761778 15.14609778 61.16693333 50.09863111 61.16693333 91.45912889 0 54.75896889-44.27320889 99.03217778-99.03217778 99.03217778z"
                                    p-id="1186"></path>
                                <path
                                    d="M776.47416889 439.76476445h-75.73048889V292.38158222c0-104.27505778-84.46862222-188.74368-188.74368-188.74368S323.25632 188.68906667 323.25632 292.38158222v147.38318223h-75.73048889V292.38158222C247.52583111 146.74602667 366.36444445 28.48995555 512 28.48995555s264.47416889 118.83861333 264.47416889 264.4741689v146.80064z"
                                    p-id="1187"></path>
                            </svg>

                            <input class="input-inner" type="password" autocomplete="off"
                                placeholder="請輸入密碼" name="password">
                        </div>
                        <div class="agree link">
                            <label>
                                <input type="checkbox" value="1" checked class="ace">
                                <span class="lbl"> 我同意<a class="color-pirmary" target="_blank"
                                        href="https://www.full2house.com/termsofservice.html">網站服務條款</a>及<a
                                        class="color-pirmary" target="_blank"
                                        href="https://www.full2house.com/privacy.html">隱私政策</a></span>
                            </label>
                        </div>
                        <div class="btncon">
                            <input type="submit" class="bg-color-pirmary" value="立即登入">
                        </div>
                    </form>
                </div>
                <div class="three">
                    <hr><span>
                        <svg t="1635671552149" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1272" width="40" height="40">
                            <path
                                d="M985.742 749.936c0 130.864-106.178 236.964-237.17 236.964H274.298c-130.954 0-237.092-106.102-237.092-236.964V276.018c0-130.902 106.138-236.966 237.092-236.966h474.274c130.992 0 237.17 106.064 237.17 236.966v473.918z"
                                fill="#235B9E" p-id="1273"></path>
                            <path
                                d="M432.434 809.176h118.568V512.984h87.996l10.808-118.482h-94.252V347.14c0-23.102 15.398-28.464 26.208-28.464h66.542v-101.512l-91.59-0.384c-101.662 0-124.782 75.71-124.782 124.19v53.534H373.14v118.482h59.294v296.19z"
                                fill="#FFFFFF" p-id="1274"></path>
                            <path
                                d="M432.434 809.176h118.568V512.984h87.996l10.808-118.482h-94.252V347.14c0-23.102 15.398-28.464 26.208-28.464h66.542v-101.512l-91.59-0.384c-101.662 0-124.782 75.71-124.782 124.19v53.534H373.14v118.482h59.294v296.19z"
                                fill="#FFFFFF" p-id="1275"></path>
                            <path
                                d="M556.712 216.778l91.59 0.384v101.512H581.76c-10.808 0-26.208 5.362-26.208 28.464v47.362h94.252l-10.808 118.482H551v296.192h-118.568V512.982H373.14V394.5h58.792v-53.534c0-48.478 23.118-124.188 124.78-124.188m0-19.754c-64.452 0-98.87 28.234-116.394 51.92-24.486 33.094-28.142 71.862-28.142 92.024v33.78H373.14c-10.91 0-19.754 8.844-19.754 19.754v118.482c0 10.91 8.844 19.754 19.754 19.754h39.54v276.438c0 10.91 8.844 19.754 19.754 19.754h118.568c10.91 0 19.754-8.844 19.754-19.754V532.738h68.242a19.756 19.756 0 0 0 19.672-17.96l10.808-118.482a19.76 19.76 0 0 0-19.672-21.55h-74.498v-27.608c0-4.532 0.948-6.908 1.758-7.568 0.7-0.568 2.422-1.142 4.696-1.142h66.542c10.91 0 19.754-8.844 19.754-19.754v-101.512a19.752 19.752 0 0 0-19.67-19.754l-91.59-0.384h-0.086z"
                                fill="#1A4477" p-id="1276"></path>
                            <path
                                d="M728.078 956.122H294.83c-124.896 0-226.506-101.636-226.506-226.566V296.358c0-124.908 101.61-226.526 226.506-226.526h433.248c124.918 0 226.544 101.62 226.544 226.526v433.198c0.002 124.928-101.626 226.566-226.544 226.566zM294.83 89.636c-113.976 0-206.702 92.734-206.702 206.72v433.198c0 114.008 92.726 206.762 206.702 206.762h433.248c113.996 0 206.74-92.754 206.74-206.762V296.358c0-113.986-92.744-206.72-206.74-206.72H294.83z"
                                fill="#1A4477" p-id="1277"></path>
                        </svg>
                    </span>
                    <hr>
                </div>
            </div>
            <div class="login-foot">
                Powered by <a target="_blank" href="https://www.full2house.com/" class="color-pirmary">Full2house EC2
                    Live eCommerce</a>
            </div>
        </div>

    </div>
    <script src="./js/base.js"></script>
    <script type="text/javascript">
        $(function () {
            var _color = '#8dbe4a';           
            setTheme();
            mybase.textScroll({
                    autoplay: true, //是否自动播放
                    el: '.text-scroll',
            });
            function setTheme() {
                $('.color-pirmary').css({
                    'color': _color
                });
                $('.bg-color-pirmary').css({
                    'background-color': _color
                });
                $(".svg-email").attr("fill", _color);
                $(".svg-password").attr("fill", _color);
                $(".svg-user").attr("fill", _color);
                $('.tabnav .active a').css({
                    'color': _color
                });
            }
            // $('.tabnav li a').hover(function () {
            //     $(this).css({
            //         "color": _color
            //     });
            // }, function () {
            //     $(this).css("color", "#333");
            // });
            //标签切换
            $('.tabnav li').click(function () {
                var i = $(this).index();
                $('.tabnav li').removeClass('active');
                $('.tabnav li a').css({
                    'color': '#333'
                });
                $(this).addClass('active')
                $(this).find('a').css({
                    'color': _color
                });
                $(".pane").hide();

                $(".pane[data-index='" + i + "']").show();

            })


        })
    </script>
</body>

</html>